<!DOCTYPE html>
<html lang="es" ng-app="smartOlwApp">
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<title>Matricula</title>
	
	  	<link rel="stylesheet" type="text/css" href="../../js/angucomplete/angucomplete.css">
	  	
		<link rel="stylesheet" type="text/css" href="/../css/smart_icons_styles.css">
	  	<link rel="stylesheet" type="text/css" href="../../css/smart_menu.css">
	  	<link rel="stylesheet" type="text/css" href="../../css/smart_general.css">
	  	<link rel="stylesheet" type="text/css" href="../../css/smart_tabladatos.css">
	  	
	  	<link rel="stylesheet" type="text/css" href="../../js/ngdialog-0.2.3/ngDialog.css">
	  	<link rel="stylesheet" type="text/css" href="../../js/ngdialog-0.2.3/ngDialog-theme-default.css">
		<link rel="stylesheet" type="text/css" href="../../js/ngdialog-0.2.3/ngDialog-theme-plain.css">
	  	
        <!-- Importarmos angular JS -->
        <script type="text/javascript" src="../../js/jquery/jquery-1.8.3.min.js"></script>
    	<script type="text/javascript" src="../../js/main/template.js"></script>
    	<script type="text/javascript" src="../../js/angular-1.4.7/angular.min.js"></script>
    	<script type="text/javascript" src="../../js/ngdialog-0.2.3/ngDialog.min.js"></script>
    	<script type="text/javascript" src="../../js/angucomplete/angucomplete.js"></script> 
    	
    	<!-- importar script para las funciones del formulario -->
    	<script type="text/javascript" src="../smart_maestros/script/maestro_app.js"></script>
		<script type="text/javascript" src="../smart_maestros/script/maestro_service.js"></script>
		<script type="text/javascript" src="../smart_personas/script/persona_controller.js"></script>
		<script type="text/javascript" src="script/matriculas_controller.js"></script>
		
</head>
<body  ng-controller="matriculaCtrl" >
		<div id="frame">
		<div class="panel panel-primary ng-scope">
   
		    <div class="panel-heading">Matricula
		 	<a href="#"><span class="img"><img src="../../imagene/eliminar.png" style="float:right;"  ng-click="eliminar(matricula)" title = "Eliminar matricula"></span></a>
		 	<a href="#"><span class="img"><img src="../../imagene/limpiar.png" style="float:right;"   ng-click="limpiar(matricula)" title= "Limpiar"></span></a>
		 	<a href="#"><span class="img"><img src="../../imagene/consultar.png" style="float:right;" ng-click="consultar(matricula)" title= "Consultar matricula"></span></a>
		 	<a href="#"><span class="img"><img src="../../imagene/guardar.png" style="float:right;"   ng-click="grabar(matricula)" title= "Guardar matricula"></span></a>
		  </div>
		  <div class="panel-body">
		   <input id="scmatricula" type="text" class="texto" ng-model="matricula.scmatricula" style = "display:none;">
               
                <div class = "alert alert-danger alert-dismissable" id="messageBox">
                	<h4>{{titulo_mensajes}}</h4> {{descripcion_mensajes}}
                	<a href="#"><span class="imagen"><img src="../../imagene/bombilla-incandescente32.png"  ng-click="showModal()"></span></a>
				</div>
					<div class="col-md-10 panel panel-primary ng-scope"  style="height: 520px;">
					<table style="width:100%; vertical-align: middle;">										
						<tr style = "vertical-align: middle;">
							    <td width="3%"  height="100%">
									<label class="label">Numero De Matricula*</label><br/>	
									<input 
										class="texto" 
										id="numMatricula" 
										type="text" 
										placeholder="Ingrese el Numero De Matricula" 
										class="form-control" 
										ng_model="matriculas.conumeromatriculas"
										auto-focus>
								</td>
								<td width="25%" height="100%">
									<label class="label">Folio*</label><br/>
									<input 
										class="texto" 
										id="cofolio" 
										type="text" 
										placeholder="Ingrese el Folio" 
										class="form-control" 
										ng_model="matricula.cofolio">
								</td>
								<td width="25%"  height="100%">
									<label class="label" >Código*</label><br/>	
									<input 
										class="texto"
										id="cocodigo"
										type="text"
										placeholder="Ingrese el Codigo"
										class="form-control" 
										ng_model="matricula.cocodigo">
								</td>
								<td width="25%" height="100%">
									<label class="label">Estado de Matricula*</label><br/>
									<select 
										id="estadomatricula" 
										class="seleccion" 
										style="width:240px;"
										ng-model="matricula.estadomatricula" 
										ng-options="option.scdatmestro as option.dsdatmaestro for option in estados">
									</select>
							    </td>
					    </tr>
					    <tr>
							    <td width="25%" height="100%">
									<label class="label">Año lectivo*</label><br/>
									<input 
										class="texto" 
										id="dsannolectivo" 
										type="text" 
										placeholder="Ingrese el Año" 
										class="form-control" 
										ng_model="matricula.dsannolectivo">
							    </td>
							   	<td width="25%" height="100%">
									<label>Institución*</label><br/>
									<angucomplete 
									  id="dsinstitucion"
						              placeholder="Ingrese la institución"
						              pause="100"
						              post-function="cargarInstituciones"
						              on-click-item="cargarSedes"
						              selectedobject="dsinstitucion"
									  local-data="instituciones"
									  titlefield="coinstitucion,dsinstitucion"
									  descriptionfield="dsinstitucion"
						              minlength="3"
						              inputclass="texto" />
								</td>	
								<td>
									<label class="">Sede*</label><br/>	
									<select 
										class="seleccion" 
										id="scsedes" 
										style="width:240px;" 
										ng-model="sedejornada.scsedes"
										ng-change="cargarGrados()" 
										ng-options="option.smScsede as option.smDssede for option in sedes">
									</select>
								</td>
								<td>
									<label class="">Grado*</label><br/>	
									<select 
										class="seleccion" 
										id="dsgrado" 
										ng-options="option.smScsedesgrados as option.smScgrados.dsdatmaestro for option in grados"
										style="width:240px;">
									</select>
								</td>
						</tr>
						<tr>
								<td>
									<label class="">Tipo Identificación *</label><br/>	
									<select 
										id="tipoIdentificacionEst" 
										class="seleccion" 
										style="width:240px;"
										ng-model="matricula.estudiante.tipoIdentificacion" 
										ng-options="option.scdatmestro as option.dsdatmaestro for option in tipo_documentos">
									</select>
								</td>
								<td width="25%" height="100%">
									<label class="label" >Identificacion*</label><br/>	
									<input 
										id="dsidentificacionEst" 
										type="text" 
										placeholder="Ingrese el numero Identificación" 
										class="texto"
										key-enter="buscarEstudiante()" 
										ng-model="matricula.estudiante.dsidentificacion" />
									<img 
										src="../../imagene/Search.png" 
										ng-click="buscarEstudiante()"
										style="float:right:490px;" />
								</td>
								<td width="25%" height="100%">
									<label class="label">Lugar de expedición *</label><br/>	
									<input 
										class="texto"  
										id="dslugarexpedicionEst" 
										type="text" 
										placeholder="Ingrese el Lugar de expedición" 
										class="form-control" 
										ng_model="matricula.estudiante.dslugarexpedicion" />
								</td>
								<td width="25%" height="100%">
									<label class="label" for="fhnacimientoEst">Fecha nacimiento*</label><br/>	
									<input 
										class="texto" 
										id="fhnacimientoEst" 
										type="date" 
										placeholder="Ingrese el Fecha nacimiento" 
										class="form-control" 
										ng_model="matricula.estudiante.fhnacimiento" />
								</td>
					</tr>
					<tr>
							    <td width="25%" height="100%">
									<label class="label" for="dstelefonoEst">Teléfono </label><br/>	
									<input 
										class="texto" 
										id="dstelefonoEst" 
										type="text" 
										placeholder="Ingrese el Telefono" 
										class="form-control" 
										ng_model="matricula.estudiante.dstelefono" />
								</td>
								<td width="25%" height="100%">
									<label class="label" for="dscelularEst">Celular*</label><br/>
									<input 
										class="texto" 
										id="dscelularEst" 
										type="text" 
										placeholder="Ingrese el Celular" 
										class="form-control" 
										ng_model="matricula.estudiante.dscelular" />
								</td>
								 <td width="25%" height="100%">
									<label class="label" for="dsdireccionEst">Direccion*</label><br/>	
									<input 
										class="texto" 
										id="dsdireccionEst" 
										type="text" 
										placeholder="Ingrese la Direccion" 
										class="form-control" 
										ng_model="matricula.estudiante.dsdireccion" />
							    </td>
							    <td width="25%" height="100%">
									<label class="label" for="dsepsEst">EPS*</label><br/>
									<input 
										class="texto" 
										id="dsepsEst" 
										type="text" 
										placeholder="Ingrese la EPS" 
										class="form-control" 
										ng_model="matricula.estudiante.dseps" />
								</td>
					</tr>
					<tr>
								<td>
									<label class="">Tipo Identificación padre *</label><br/>	
									<select 
										class="seleccion" 
										id="tipoIdentificacionPad" 
										style="width:240px;"
										ng-model="matricula.padre.tipoIdentificacion"
										ng-options="option.scdatmestro as option.dsdatmaestro for option in tipo_documentos">
									</select>
								</td>
								<td width="25%" height="100%">
										<label class="label">Identificacion padre *</label><br/>	
										<input 
											id="dsidentificacionPad" 
											type="text" 
											placeholder="Ingrese el numero Identificacion" 
											class="texto" 
											key-enter="buscarPadre()"
											ng-model="matricula.padre.dsidentificacion" />
										<img 
											src="../../imagene/Search.png" 
											ng-click="buscarPadre()"
											style="float:right:490px;">
								</td>
								<td width="25%" height="100%">
									<label class="label" for="dsnombrePad">Nombre Padre *</label><br/>	
									<input 
										class="texto" 
										id="dsnombrePad" 
										type="text" 
										placeholder="Ingrese el Nombre" 
										class="form-control" 
										ng_model="matricula.padre.dsnombre" />
								</td>
								<td>
									<label class="">Tipo Identificación Madre*</label><br/>	
									<select 
										class="seleccion" 
										id="tipoIdentificacionMad" 
										style="width:240px;" 
										ng-model="matricula.madre.tipoIdentificacion"
										ng-options="option.scdatmestro as option.dsdatmaestro for option in tipo_documentos">
									</select>
								</td>
					</tr>
					<tr>
								<td width="25%" height="100%">
										<label class="label">Identificacion Madre *</label><br/>	
										<input 
											id="dsidentificacionMad" 
											type="text" 
											placeholder="Ingrese el numero Identificacion" 
											class="texto"
											key-enter="buscarMadre()" 
											ng-model="matricula.madre.dsidentificacion">
										<img 
											src="../../imagene/Search.png" 
											ng-click="buscarMadre()"
											style="float:right:490px;">
								</td>
								<td width="25%" height="100%">
									<label class="label" for="dsnombreMad">Nombre Madre*</label><br/>	
									<input 
										class="texto" 
										id="dsnombreMad" 
										type="text" 
										placeholder="Ingrese el Nombre" 
										class="form-control" 
										ng_model="matricula.madre.dsnombre">
								</td>
								
								<td>
									 <label class="">Tipo Identificación Acudiente *</label><br/>	
									 <select 
									 	class="seleccion" 
									 	id="dstipoidentificacionAcu" 
									 	style="width:240px;" 
									 	ng-model="matricula.acudiente.tipoIdentificacion"
									 	ng-options="option.scdatmestro as option.dsdatmaestro for option in tipo_documentos">
									 </select>
								</td>
								<td width="25%" height="100%">
									<label class="label" >Identificacion Acudiente*</label><br/>	
									<input 
										id="dsidentificacionAcu" 
										type="text" 
										placeholder="Ingrese el numero Identificacion" 
										class="texto" 
										ng-model="matricula.acudiente.dsidentificacion"
										key-enter="buscarAcudiente()">
									<img 
										src="../../imagene/Search.png" 
										ng-click="buscarAcudiente()"
										style="float:right:490px;">
								</td>
					</tr>
					<tr>
								<td width="25%" height="100%">
									<label class="label" for="dsnombreAcu">Nombre Acudiente *</label><br/>	
									<input 
										class="texto" 
										id="dsnombreAcu" 
										type="text" 
										placeholder="Ingrese el Nombre" 
										class="form-control" 
										ng_model="matricula.acudiente.dsnombre">
								</td>
					</tr>
					
				</table>
			</div>
				<div class="container">				
					<table class = "tabledatos">
							<thead>
								<tr>
									<th style="width: 150px;" scope="col" >N.</th>
									<th style="width: 350px;" scope="col" >Folio</th>
									<th style="width: 250px;" scope="col" >Grados</th>
									<th style="width: 150px;" scope="col" >Identificación</th>
									<th style="width: 250px;" scope="col" >Apellido</th>
									<th style="width: 250px;" scope="col" >Nombre</th>
									<th style="width: 50px;" scope="col" >Acudiente</th>
									<th style="width: 250px;" scope="col" >Acción</th>
								</tr>
							</thead>
							<tbody class="tbody">
							
								<tr ng-show="matricula.length == 0">
									<th colspan="8" style="text-align:center;">
										No se encontraron matriculas seleccionadas
									</th>
								</tr>
							
								<tr ng-repeat="d in matricula | orderBy : 'dsmatricula'">
										<td style="width: 350px;">
										  {{d.conumeromatriculas}}
										</td>		
										<td style="width: 250px;">
										  {{d.cofolio}}
										</td>
										<td style="width: 350px;">
										  {{d.conumeromatriculas}}
										</td>
										<td style="width: 350px;">
										  {{d.dsgrado}}
										</td>		
										<td style="width: 250px;">
										  {{d.coidentificacion}}
										</td>		
										<td style="width: 250px;">
										  {{d.dsnombre}}
										</td>
										<td style="width: 350px;">
										  {{d.dsapellidos}}
										</td>
										<td style="width: 350px;">
										  {{d.dsacudiente}}
										</td>		
										<td class="botonera-table" style="width: 50px;">
										<a href="#"><span class="img"><img src="../../imagene/verifique-signo24.png" style="float:center;" ng-click="seleccionar(d)" title ="Editar"></span></a>
										</td>					
								</tr>
							</tbody>
						</table>
						</div>
	</div>		
  </div>
</div>
</body>
</html>